<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="description" content="长沙市妇幼医院">
    <link rel="stylesheet" type="text/css" href="./css/area/LArea.css" />
    <link rel="stylesheet" type="text/css" href="./css/order/order_normal.css" />
    <link rel="stylesheet" type="text/css" href="./css/mobiscroll.2.13.2.css" />
    <script src="./js/jquery.min.js"></script>
    
    <title>长沙市健康民生项目</title>


    <style>
        .remark {
            font-size: 12px;
            color: #07b8dd;
        }

        .sub-sheet {
            font-size: 12px;
        }
    </style>

    <style>
        body {
            font-family: "Microsoft YaHei UI", "Microsoft YaHei", "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
        }

        h1,
        .h1,
        h2,
        .h2,
        h4,
        .h4,
        h4,
        .h4,
        .lead {
            font-family: "Microsoft YaHei UI", "Microsoft YaHei", "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
        }

        .dw-day {
            font-size: 12px;
        }

        .sub-row {
            height: 30px;
        }

        .serologic-result-div {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 50px;
        }

        .serologic-result-item {
            display: flex;
        }

        .serologic-result-item img {
            max-width: 100%;
            height: 17px;
        }

        .serologic-result-item span {
            font-size: 0.8em;
            padding-left: 5px;
        }

        .sel-info img {
            max-width: 100%;
            height: 22px;
            vertical-align: middle;
        }

        .serologic-img {
            width: 87px !important;
            height: 20px !important;
        }

        .sel-note {
            float: right;
            line-height: 46px;
            color: #c9c9c9;
            font-size: 16px;
        }
        .prompt_message_icon {
            float: left;
            padding-top: 11px;
            padding-left: 16px;
            width: 24px;
            height: 24px;
        }
        .prompt_message_s {
            float: left;
            color: #ffffff;
            font-size: 18px;
            padding-left: 0px;
            padding-top: 11px;
            margin: 0;
        }
        .coupon_sel_0{
            background:#ffb9af;
        }
        .coupon_sel_1{
            background:#e5e5e5;
        }
        .coupon_sel_tip{
            font-size:10px;
        }
        .coupon_sel_info{
            width:245px;
            height:60px;
            float:left;
            overflow: auto;
            margin:5px 0 0 0;
            background:rgba(255, 255, 255, 0);
        }
        .coupon_sel_tip{
            font-size:12px;
            height:20px;
            line-height:15px;
        }
        .coupon_sel_name{
            height:30px;
            line-height:24px;
        }
        .coupon_sel_icon{
            display:none;
            height:24px;
            width:24px;
        }
        .coupon_sel_iconbox{
            margin:0 5px 0 0;
            padding:10px 0 0 0;
            float:right;
            width:50px;
            height:60px;
        }
        .coupon_sel_status_0{
            text-align:center;
            font-size: 14px;
            padding:4px 0 0 0;
            height:30px;
            width:50px;
            line-height:24px;
            border-radius:8px;
            border: #c9c9c9 solid 2px;
        }
        .coupon_sel_status_1{
            font-size: 14px;
            text-align:center;
            padding:4px 0 0 0;
            height:30px;
            width:50px;
            line-height:24px;
            border-radius:8px;
            border: #c9c9c9 solid 2px;
            background:#dfdfdf;
        }
    </style>
    <style>
            /*分页按钮开始*/
            .pagination {
                display: inline-block;
                /*border: 1px solid #CDCDCD;*/
                /*border-radius: 3px;*/
            }
            .pagination a {
                display: block;
                float: left;
                width: 20px;
                height: 20px;
                outline: none;
                border-right: 1px solid #CDCDCD;
                border-left: 1px solid #CDCDCD;
                color: #555555;
                vertical-align: middle;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                font-size: 16px;
                font-family: Times, 'Times New Roman', Georgia, Palatino; /* ATTN: need a better font stack */
                    
            }
            .pagination a:first-child {
                border: none;
                border-radius: 2px 0 0 2px;
            }
    
            .pagination a:last-child {
                border: none;
                border-radius: 0 2px 2px 0;
            }
    
            .pagination input {
                float: left;
                margin: 0;
                padding: 0;
                width: 120px;
                height: 20px;
                outline: none;
                border: none;
                vertical-align: middle;
                text-align: center;
            }
    
            /* gigantic class for demo purposes */
    
            .gigantic.pagination {
                margin: 10px 0;
            }
    
            .gigantic.pagination a {
                height: 40px;
                width: 40px;
                font-size: 30px;
                line-height: 30px;
            }
    
            .gigantic.pagination input {
                width: 120px;
                height: 30px;
                font-size: 14px;
            }
            /*分页按钮结束*/
            .remark {
                font-size: 12px;
                color: #07b8dd;
            }
    
            .sub-sheet {
                font-size: 12px;
            }
            /*搜索框*/
            div.search {
                padding: 10px 0;
            }
            .searchD1 {
                position: relative;
                width: 200px;
                margin: 5px 0 0 10px;
            }
            div.search {
                background: #dfdfdf;
            }
            div.search input {
                width: 100%;
                height: 30px;
                padding-left: 10px;
                border: 2px solid #7BA7AB;
                border-radius: 5px;
                outline: none;
                background: #F9F0DA;
                color: #9E9C9C;
            }
            div.search button {
                position: absolute;
                top: 0;
                right: -18px;
                width: 50px;
                height: 100%;
                border: none;
                background: #7BA7AB;
                border-radius: 0 5px 5px 0;
                cursor: pointer;
            }
        </style>
    <script type="text/javascript">
        var pages = ['nifty_sheet.html','hpv_sheet.html','deaf_sheet.html','dipin_sheet.html','newborn_sheet.html','preborn_sheet.html','breastCancer_sheet.html'];
        function directTo(idx){
            var url = './'+pages[idx];
            window.location.href = url;
        }
    </script>
</head>

<body onload="orderSheetOnLoad();">
    <!--送检单信息-->
        <!--顶部图标-->
        <div class="sheet-title">
            <div style="padding:10px 0 10px 0;font-size:24px;color:#07b8dd;text-align:center;">填写送检单</div>
        </div>

        <!--必填项-->
        <div class="sheet-box">
            <div class="sheet-row" onclick="directTo(0)"><span class="input-title">NIPT检测</span>
                <div class="select-right" id="customerSel">
                    <p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>
                </div>
            </div>
            <div class="input-line"></div>
            <!--<div class="sheet-row" onclick="directTo(1)"><span class="input-title">HPV检测</span>-->
                <!--<div class="select-right" id="customerSel">-->
                    <!--<p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="input-line"></div>-->
            <div class="sheet-row" onclick="directTo(2)"><span class="input-title">耳聋基因检测</span>
                <div class="select-right" id="customerSel">
                    <p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>
                </div>
            </div>
            <!--<div class="input-line"></div>-->
            <!--<div class="sheet-row" onclick="directTo(3)"><span class="input-title">地贫筛查</span>-->
                <!--<div class="select-right" id="customerSel">-->
                    <!--<p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>-->
                <!--</div>-->
            <!--</div>-->
            <div class="input-line"></div>
            <div class="sheet-row" onclick="directTo(4)"><span class="input-title">新生儿疾病筛查</span>
                <div class="select-right" id="customerSel">
                    <p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>
                </div>
            </div>
            <!--<div class="input-line"></div>-->
            <!--<div class="sheet-row" onclick="directTo(5)"><span class="input-title">产前血清学筛查</span>-->
                <!--<div class="select-right" id="customerSel">-->
                    <!--<p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="input-line"></div>-->
            <!--<div class="sheet-row" onclick="directTo(6)"><span class="input-title">乳腺癌筛查</span>-->
                <!--<div class="select-right" id="customerSel">-->
                    <!--<p><span></span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>-->
                <!--</div>-->
            <!--</div>-->
        </div>
</body>
</html>